<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<%@ page import="java.text.SimpleDateFormat" %>
<!DOCTYPE html>
<html>
<head>
    <title>迅购网 - 订单信息</title>
    <%@ include file="../../common/taglib.jsp" %>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="${ctx}/home/assets/ystep/css/ystep.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/home/assets/rating/star-rating.css" media="all"/>
    <link rel="stylesheet" href="${ctx}/home/assets/uploadify/css/uploadify.css">
    <link rel="stylesheet" href="${ctx}/home/module/order/css/evaluate.css">

</head>
<body>
    <%
        SimpleDateFormat fmt=new SimpleDateFormat("yyyy-MM-dd   HH:mm:ss");
        request.setAttribute("fmt",fmt);
    %>
    <jsp:include page="../../global/head.jsp" flush="true">
        <jsp:param name="showkj" value="0"/>
    </jsp:include>
    <input id="orderGoodId" type="hidden" value="${good.orderGoodId}">
    <div class="evaluate w1200">
        <dl class="eva-info1">
            <dt><a href="#"><img width="222" height="222" src="${ctx}/resource/download.do?id=${good.photoId}" /></a></dt>
            <dd>
                <h3><a href="#">${good.name}</a></h3>
                <ul>
                    <li>
                        <span>价格</span><p class="p1">¥ ${good.price} 元</p>
                    </li>
                    <li>
                        <span>好评率</span><p class="p1">${good.rateOfPraise}%</p>
                    </li>
                    <li>
                        <span>评价</span><p>${good.averageScore}分 (累计评价 ${good.commentCount} )</p>
                    </li>
                    <li>
                        <span>订单号</span><p>${good.orderCode}</p>
                    </li>
                </ul>
            </dd>
            <div style="clear:both;"></div>
        </dl>
        <div class="eva-info3">
            <div class="eva-if3-l f-l">
                <dl class="if3-l-dl1">
                    <dt>商品评价</dt>
                    <dd><textarea id="content" style="font-size: 17px;"></textarea></dd>
                    <div style="clear:both;"></div>
                </dl>
                <dl class="if3-l-dl3">
                    <dt>晒图片</dt>
                    <dd id="photoList">
                        <a href="JavaScript:;">
                            <%--<img width="100%" height="100%" src="${ctx}/home/module/order/image/dl3-tu2.gif" />--%>
                            <input type="file" multiple name="image" id="image" class="img1 upload-btn" accept="image/*"/>
                        </a>
                        <p style="padding-left: 46px;line-height: 2;">上传图片     <span id="imageNum">0</span>/5</p>
                        <div style="clear:both;"></div>
                    </dd>
                    <div style="clear:both;"></div>
                </dl>
                <button class="eva-btn" id="submitComment">提交评价</button>
            </div>
            <div class="eva-if3-r f-l">
                <ul>
                    <li>
                        <p class="p1"><span>*</span> 商品评分</p>
                        <form style="display:inline-block;">
                            <input value="0" type="number" id="score" name="score" class="rating" min=0 max=10 step=1 data-size="xs" >
                        </form>
                    </li>
                    <li>
                        <p class="p1"><span>*</span> 商品包装</p>
                        <form style="display:inline-block;">
                            <input value="0" type="number" id="packing" name="packing" class="rating" min=0 max=10 step=1 data-size="xs" >
                        </form>
                    </li>
                    <li>
                        <p class="p1"><span>*</span> 送货速度</p>
                        <form style="display:inline-block;">
                            <input value="0" type="number" id="deliverSpeed" name="deliverSpeed" class="rating" min=0 max=10 step=1 data-size="xs" >
                        </form>
                    </li>
                    <li>
                        <p class="p1"><span>*</span> 服务态度</p>
                        <form style="display:inline-block;">
                            <input value="0" type="number" id="serviceAttitude" name="serviceAttitude" class="rating" min=0 max=10 step=1 data-size="xs" >
                        </form>
                    </li>
                </ul>
                <p class="eva-fen" style="font-size: 19px;font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;">
                    提示：2分-8分为中评
                </p>
            </div>
            <div style="clear:both;"></div>
        </div>
    </div>
    <script type="text/javascript" src="${ctx}/home/assets/rating/star-rating.js"></script>
    <script type="text/javascript" src="${ctx}/home/assets/uploadify/js/jquery.uploadify.js"></script>
    <script type="text/javascript" src="${ctx}/home/module/order/js/evaluate.js"></script>
</body>
</html>